<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>花卉-登陆页</title>
    <link rel="stylesheet" href="./css/index.min.css">
</head>

<body>
    <div class="wrap">
        <header>
            <!-- 图标 -->
            <div class="logo">
                <img src="./images/logo.png" alt="">
            </div>
        </header>

        <main>
            <!-- 信息填充 -->
            <section class="content">
                <form action="" id="form">
                    <!-- 姓名 -->
                    <div class="username input">
                        <span>姓名：</span>
                        <input type="text" name="name">
                        <div class="tips"></div>
                    </div>
                    <!-- 电话号码 -->
                    <div class="phone input">
                        <span>+86</span>
                        <input type="text" name="phone">
                        <div class="tips"></div>
                    </div>
                    <!-- 身份证号码 -->
                    <div class="idCard input">
                        <span>身份证号码：</span>
                        <input type="text" name="idCard">
                        <div class="tips"></div>
                    </div>
                    <!-- 验证码 -->
                    <div class="code input">
                        <span>验证码：</span>
                        <input type="text" name="code">
                        <button id="getCode" type="button">获取验证码</button>
                        <div class="tips"></div>
                    </div>
                </form>
            </section>

            <!-- 预约按钮 -->
            <section class="footer">
                <div class="buttonBox">
                    <button id="myReserve">我的预约</button>
                    <button id="startReserve">开始预约</button>
                </div>
            </section>
        </main>
    </div>

    <script type="module" src="./js/index.js"></script>
</body>

</html>